﻿@{
    ViewBag.Title = "TestDatetimePicker";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}

<div class="page-content">
    <div class="row">

        <div class="form-body">
            <div class="form-group">
                <label class="control-label col-md-3">Default Datetimepicker</label>
                <div class="col-md-4">
                    <div class="input-group date form_datetime">
                        <input type="text" size="16" readonly class="form-control">
                        <span class="input-group-btn">
                            <button class="btn default date-set" type="button"><i class="icon-calendar"></i></button>
                        </span>
                    </div>
                    <!-- /input-group -->
                </div>
            </div>
        </div>

    </div>
</div>
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<script src="assets/plugins/excanvas.min.js"></script>
<![endif]-->
@section Scripts {
    <script src="/assetsadmin/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/assetsadmin/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <!--<script type="text/javascript" src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>-->
    <script type="text/javascript" src="/assetsadmin/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <!-- END PAGE LEVEL SCRIPTS -->
    <script>
        jQuery(document).ready(function () {
            // initiate layout and plugins
            //App.init();
            //FormComponents.init();

            $(".form_datetime").datetimepicker({
                autoclose: true,

                //format: "dd MM yyyy - hh:ii",
                format: "mm/dd/yyyy hh:ii",

            });

            $('body').removeClass("modal-open"); // fix bug when inline picker is used in modal
        });
    </script>
}



